useEffact 호출 시점

❓질문

useEffact가 호출되는 시점에 대해 설명해 주세요.

💡 조사하기전 내가 알고 있던 내용

useEffact가 업데이트 되는 시점은 컴포넌트의 라이플사이클과 관련이 있습니다.
크게 마운트 , 업데이트 , 언마운트로 나누어 집니다.
첫번째로 컴포넌트가 마운트 될때 호출되게 됩니다 컴포넌트가 처음으로 렌더링될때 useEffact안에있는 코드를 실행 시킬수있습니다.
두번째는 컴포넌트가 업데이트 될때 useEffact안에 의존성 배열안에 있는 값이 변동될때 useEffact안의 코드가 동작합니다.
세번째는 컴포넌트가 언마운트 될때 useEffact안에있는 return 값을 동작 시킬수있다 보통 뒷정리 로직들이 이곳에 들어가 이벤트 리스너 , 타이머 제거등의 로직을 넣는 경우가 대부분이였던것 같습니다.

🏫 정리한 내용

React의 useEffact는 컴포넌트의 특정 시점에 자동으로 호출되는 훅으로, 크게 컴포넌트가 마운트, 업데이트, 언마운트되는 시점에 호출됩니다.

먼저, useEffact는 컴포넌트가 마운트될 때, 즉, 처음 렌더링되고 나서 호출됩니다. 이때 데이터 초기화나 외부 API 호출, 구독 설정 등의 작업을 실행할 수 있습니다.

또한 useEffact는 의존성 배열에 지정된 값이 변경될 때마다 다시 호출됩니다.

마지막으로 컴포넌트가 언마운트될 때 useEffact의 return 값으로 지정된 클린업 함수가 호출됩니다.